<!DOCTYPE html>
<html lang="ch-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="ToDoList无须注册即可使用，数据存储在用户浏览器的html5本地数据库里，是最简单最安全的待办事项列表应用！">
    <title>ToDoList</title>
    <!-- 引入相关文件 -->
    <script src="js/JQuery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="header">
        <div class="w">
            <div class="header_left">便签</div>
            <form action="#">
                <div class="header_right"><input type="text" placeholder="请输入代办事项" id="search"></div>
            </form>
        </div>
    </div>
    <div class="middle">
        <div class="w">
            <h2>正在进行<span class="doing_num">0</span></h2>
            <ul class="doing">
            </ul>
            <h2>已经完成<span class="done_num">0</span></h2>
            <ul class="done">
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="w">Copyright © 2021 Weapon <a href="javascript:;" class="clear">clear</a></div>
    </div>
    <script>
        $(function() {

        })
    </script>
</body>


</html>